<template>
    <div id="app">
      <el-container class="el-container">
        <el-header class="el-header" style=" height: 110px;">
          <el-row  class="el-row" style="height: 110px" >
            <el-col :span="9" style="left: 200px" >
              <img src="../assets/logo.png" style="width: 140px;margin-top: 10px;"  />
              <div :span="3" style="font-size:30px;width:150px;height:80px;display: inline-block;position: absolute;bottom: 20px;" >
                <p><b>欢迎注册</b></p>
              </div>
            </el-col>
            <el-col :span="4" :offset="8" style="" >
              <div style="margin-top: 40px;font-size: 18px;font-family:microsoft yahei;">
                已有账号？
                <a href="/login" style="color: #c81623;">登录></a>
              </div>
            </el-col>
          </el-row>
          <hr style="margin-top: 120px;">
        </el-header >
        <el-main class="el-main" >
          <el-card class="el-main-card">
            <!-- 注册头部 -->
            <div class="el-main-card-header" >
              <span style="font-size:30px;margin: 0;text-align: center;">
                -----------注册账号-----------</span>
              <el-divider></el-divider>
            </div>
            <router-view/>
          </el-card>
        </el-main>
        <el-footer style="padding: 0">
          <div style="background-color: #3f3f3f;height: 100px;
                    font-size: 14px;color: #b1b1b1;
                    text-align: center;padding: 30px">
            <p>Copyright © 北京达内金桥科技有限公司版权所有 京ICP备12003709号-3 京公网安备 11010802029572号</p>
            <p>涵盖20余门课程体系，致力于打造权威的IT职业教育学习平台</p>
            <p>达内在线WWW.TMOOC.CN 专注于IT职业技能培训</p>
          </div>
        </el-footer>
      </el-container>
    </div>
</template>
<style>
body {
  font: 16px "Microsoft YaHei UI";
  margin: 0;
  padding: 0;
  color: #666;
  overflow-x: hidden;
}
a{
  text-decoration: none;
  display: inline-block;

  font-size: 18px;
  font-family: microsoft yahei;
  text-align: center;
  position: absolute;
}
.el-header {
  background-color: #FFFFFF;
  color: #333;
  text-align: center;
  /*line-height: 110px;*/
  background: url(//misc.360buyimg.com/user/reg/3.0.0/css/i/headbg.jpg) repeat-x left bottom;
}
.el-main {
  background-color: #FFFFFF;
  color: #333;
  text-align: center;
  margin-top: 00px;
  background-image: url('/public/imgs/bgreg.jpg') ;
  background-size: 100% 100% ;
  position: relative;


}
body {
  margin-bottom: 40px;
}
/* 卡片部分 */
.el-main-card {
  width: 450px;
  margin: 0 auto;

}
</style>

<script>

export default {

}
</script>